@charset "utf-8";
*               {margin: 0;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
html            {overflow-x: hidden;min-height: 100vh;}
body, button, input, select, textarea    {font: 90% "Penrose,pingfang sc,hiragino sans gb,Tahoma,Arial,lantinghei sc,microsoft yahei,sans-serif"!important;color: #4d4d4d;}
body            {min-height: 100%;}
input, select, textarea     {font-size: 100%;-webkit-appearance : none;}
table           {border-collapse: collapse;border-spacing: 0;table-layout:fixed;}
address, caption, cite, code, dfn, em, th, var, strong      {font-style: normal;font-weight: 500;}
ol, ul          {list-style: none;}
h1, h2, h3, h4, h5, h6  {font-size: 100%;font-weight: 500;}
a               {color: #4d4d4d;text-decoration: none; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
a:hover         {text-decoration: none;}
.clearfix:before, 
.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;overflow: hidden;}
.clearfix       {zoom: 1;}
.fl, .fr        {display: inline;}
.fl             {float: left;}
.fr             {float: right;}
.flexBox        {display: -webkit-box;display: -ms-flexbox;-webkit-box-align: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-pack: center;-webkit-flex-flow: column wrap;-ms-flex-flow: column wrap;flex-flow: column wrap;align-items: center;}
.container      {padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.main           {width: 1534px;margin: 0 auto;max-width: 96%;}
.main2          {width: 1200px;margin: 0 auto;max-width: 96%;} 
.imgBg          {background-position: center center;background-size: cover;background-repeat: no-repeat;}
.header         {display: block;width: 100%;height: 80px;top:0;left:0;z-index: 99999;padding: 0 30px;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;}
.logo           {position:absolute; left:40px; top:15px; height:50px;}
.logo a         {display:block;width:100%;height: 50px;}
.logo img       {height:50px;}
.tel            {position: absolute;right: 30px;line-height: 50px;top: 10px;color: #FFFFFF;text-transform: uppercase;padding-left: 40px;font-size:35px;color:#aba6bf;font-weight:700;font-family:Arial;}
.tel-num        {background: url("../images/icon.png") no-repeat 0px 0px;position: absolute;left: 0;top: 10px;display: block;width: 29px;height: 29px;}
.tel i 			{display:inline-block;vertical-align:middle;background:url(../images/tel.png) no-repeat center center;width:60px;height:60px;-webkit-background-size:contain;background-size:contain}
.nav            {font-size: 0;margin: 0;padding-left: 0;list-style: none;}
.nav ul         {text-align: center;}
.nav ul li      {display: inline-block;padding: 15px 30px;}
.nav ul li a    {display: block;font-size: 17px;color: #FFFFFF;padding: 0 4px;line-height: 50px;position: relative;transition: all 0.5s ease;}
.nav ul li a:after                  {display:block; content:""; position:absolute; left:50%; bottom:0; width:0; height:3px; background:#dc0000; transition:all 0.5s ease;}
.nav ul li a.active                 {color:#dc0000;}
.nav ul li a.active:after           {left:0; width:100%;}
.nav ul li a:hover,
.nav ul li.on a                     {color:#dc0000;}
.nav ul li a:hover:after,
.nav ul li.on a:after               {left:0; width:100%;}
.nav-btn                            {display: none;transition: all .3s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);border-radius: 3px;cursor: pointer;height: 40px;line-height: 40px;outline-style: none;pointer-events: all;position: absolute;text-align: center;width: 40px;z-index: 1020;top: 5px;right: 0;}
.nav-btn-icon                       {-webkit-transform: rotate(0deg);cursor: pointer;display: inline-block;height: 14px;position: relative;transform: rotate(0deg);transition: .5s ease-in-out;width: 22px;}
.nav-btn-icon span                  {background-color: #fff;border-radius: 2px;display: block;height: 2px;left: 0;opacity: 1;position: absolute;transform: rotate(0deg);transition: .25s ease-in-out;width: 100%;-webkit-transform: rotate(0deg);}
.nav-btn-icon span:first-child      {-webkit-transform-origin: left center;top: 0;transform-origin: left center;}
.nav-btn-icon span:nth-child(2)     {-webkit-transform-origin: left center;top: 6px;transform-origin: left center;}
.nav-btn-icon span:nth-child(3)     {-webkit-transform-origin: left center;top: 12px;transform-origin: left center;}
.nav-open .nav-btn-icon span:first-child    {-webkit-transform: rotate(45deg);left: 3px;top: 0;transform: rotate(45deg);}
.nav-open .nav-btn-icon span:nth-child(2)   {opacity: 0;width: 0;}
.nav-open .nav-btn-icon span:nth-child(3)   {-webkit-transform: rotate(-45deg);left: 3px;top: 16px;transform: rotate(-45deg);}
.footer                             {background: #010922;width: 100%;}
.footer .fot_con                    {position: relative;color: #fff;padding: 20px 0;}
.footer .fot_con p a                {color: #fff;}
.footer .down                       {margin: 0 auto;position: absolute;right: 0;top: 20px;width: 236px;}
.footer .down dl                    {float: left;width: auto;text-align: center;display: block;overflow: hidden;}
.footer .down .shi                  {width: 105px;}
.footer .down .shi img              {width: 105px;height: 40px;}
.footer .down dl                    {margin-right: 10px;}
.footer .down dl dt a img           {width: 40px;height: 40px;}
.footer .down dl dd                 {height: auto;}
.footer .down dl dd a               {font-size: 12px;color: #fff;display: block;}

.pages                  {width: 100%;margin: 0 auto;text-align: center;color: #000;font-size: 12px;padding: 60px 0;}
.pages a                {padding: 12px 25px;color: #000;font-size: 12px;border: 1px solid #CCCCCC;margin-left: 5px;border-radius: 5px;display:inline-blcok;text-shadow: 0 0 5px #444;}
.pages a:first-child    {padding: 12px 20px;color: #000;font-size: 20px;border: 1px solid #CCCCCC;margin-left: 5px;border-radius: 5px;}
.pages a:last-child     {padding: 12px 20px;color: #000;font-size: 20px;border: 1px solid #CCCCCC;margin-left: 5px;border-radius: 5px;}
.pages span             {padding: 12px 25px;color: #fff;font-size: 12px;border: 1px solid #dc0000;margin-left: 5px;background: #dc0000;border-radius: 5px;font-weight: 600;}
.pages > b              {padding: 12px 25px;color: #fff;font-size: 12px;border: 1px solid #dc0000;margin-left: 5px;background: #dc0000;border-radius: 5px;font-weight: 600;display:inline-block;}
.pages a:hover          {background: #dc0000;color: #fff;border: 1px solid #dc0000;}

.pop-seek{position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1026;display: none;}
.pop-seek .bg{position: absolute;top: 0;bottom: 0;left: 0;right: 0;
	background-color: rgba(0,0,0,.3);
}
.pop-seek .inner{width: 690px;position: absolute;top: 50%;left: 50%;
	background-color: #2fad38;padding: 24px 30px;color: #fff;border-radius: 5px;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.pop-seek h4{font-size: 22px;font-weight: normal;margin-bottom: 35px;}
.pop-seek .tell{font-size: 22px;overflow: hidden;margin-bottom: 15px;}
.pop-seek .tell p{width: 50%;float: left;}
.pop-seek .tell span{font-size: 2vw;font-family: 'gabo';display: inline-block;vertical-align: middle;
	position: relative;top: -2px;margin-left: 8px;
}
.pop-seek .tell .p2{text-align: right;}
.pop-seek .inp{overflow: hidden;position: relative;margin-bottom: 7px;}
.pop-seek .inp input{width: 100%;display: block;height: 52px;
	border: 0;font-size: 18px;color: #000;padding: 0 150px 0 19px;
}
.pop-seek .inp button{width: 130px;position: absolute;top: 0;bottom: 0;right: 0;
	background: #00970b;cursor: pointer;font-size: 20px;color: #fff;
	border: 0;
}
.pop-seek .inp button:hover,.pop-seek .btn:hover{background-color: #147b1b;}
.pop-seek .tips{padding-left: 19px;font-size: 14px;color: #00ff0c;margin-bottom: 37px;
	background: url(../images/i-07.png) no-repeat left center;
}
.pop-seek .btn{display: block;height: 52px;text-align: center;line-height: 50px;
	font-size: 20px;color: #fff;border-left: 2px solid #2fad38;
	background-color: #00970b;
}
.pop-seek .btn i{width: 24px;height: 24px;display: inline-block;vertical-align: middle;
	background: url(../images/ico-qq.png) no-repeat center center;
	position: relative;top: -2px;margin-right: 8px;
}
.pop-seek .wx{font-size: 0;line-height: 52px;text-align: center;}
.pop-seek .wx span{float: left;font-size: 22px;padding-left: 34px;margin-right: 7px;
	background: url(../images/ico-qr1.png) no-repeat left center;
}
.pop-seek .qr{float: left;font-size: 18px;position: relative;cursor: pointer;margin-right: 10px;}
.pop-seek .qr em{display: block;padding-left: 23px;
	background: url(../images/ico-qr2.png) no-repeat left center;
}
.pop-seek .qr .pic{width: 117px;height: 118px;position: absolute;bottom: 52px;left: 0%;
	display: none;background-color: #fff;
	box-shadow: 0px 16px 43px rgba(7,18,101,.3);
}
.pop-seek .qr .img,
.pop-seek .qr .pic img{display: block;width: 100%;height: 100%;}
.pop-seek .qr1{margin-right: 20px;}
.pop-seek .close{width: 30px;height: 30px;position: absolute;top: 22px;right: 28px;cursor: pointer;
	transition:0.5s;
	background: url(../images/i-close.png) no-repeat center center;
}
.pop-seek .close:hover{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.pop-seek .bot{height: 52px;
	background-color: #00970b;
}
.pop-seek .wx{width: 440px;float: left;}
.pop-seek .btn{overflow: hidden;}

.mo-btn{height: 40px;line-height: 40px;width: 220px;display: none;
	margin: 0 auto;border-radius: 40px;font-size: 15px;color: #fff;
	background-color: #36a43b;text-align: center;
}
.dib {
    -moz-inline-stack: inline-block;
    display: inline-block;
}
.fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }


@media screen and (max-width: 1440px) {
    .footer .fot_con p  {text-align: center;}
    .footer .down       {position: initial;text-align: center;margin-top: 10px;}
    .footer .down dl    {display: inline-block;float: none;}
	.pop-seek h4{font-size: 16px;margin-bottom: 25px;}
	.pop-seek .inner{padding: 20px 25px;width: 520px;}
	.pop-seek .tel{font-size: 18px;margin-bottom: 11px;}
	.pop-seek .inp input{height: 40px;font-size: 15px;}
	.pop-seek .inp button{font-size: 17px;}
	.pop-seek .tips{font-size: 12px;margin-bottom: 21px;}
	.pop-seek .inp {margin-bottom: 4px;}
	.pop-seek .btn{height: 40px;line-height: 40px;font-size: 16px;}

	.pop-seek .wx span{font-size: 16px;padding-left: 30px;
		-o-background-size: 20px auto;
		-ms-background-size: 20px auto;
		-moz-background-size: 20px auto;
		-webkit-background-size: 20px auto;
		background-size: 20px auto;
	}
	.pop-seek .qr .pic{bottom: 40px;}
	.pop-seek .wx{width: 315px;}
	.pop-seek .bot{height: 40px;line-height: 40px;}
	.pop-seek .wx{line-height: 40px;}
	.pop-seek .btn{font-size: 16px;}
	.pop-seek .btn i{width: 20px;height: 20px;
		-o-background-size: 20px auto;
		-ms-background-size: 20px auto;
		-moz-background-size: 20px auto;
		-webkit-background-size: 20px auto;
		background-size: 20px auto;
	}
	.pop-seek .qr em{padding-left: 19px;
		-o-background-size: 12px auto;
		-ms-background-size: 12px auto;
		-moz-background-size: 12px auto;
		-webkit-background-size: 12px auto;
		background-size: 12px auto;
	}


	.pop-seek .qr{font-size: 14px;}
	
	.pop-seek .close{width: 30px;height: 30px;right: 10px;top: 8px;
		-o-background-size: 20px auto;
		-ms-background-size: 20px auto;
		-moz-background-size: 20px auto;
		-webkit-background-size: 20px auto;
		background-size: 20px auto;
	}
}


@media screen and (max-width: 1220px) {
	.tel 			{font-size: 18px;top: 20px;line-height: 40px;}
	.tel i 			{width: 40px;height: 40px;}
	
}


@media screen and (max-width: 1045px) {
    .header         {height: 50px;}
    .header.bg      {background: rgba(0,0,0,0.8);}
    .logo           {top: 0;left: 10px;}
    .logo img       {height: 35px;margin-top: 8px;}
    .tel            {top: 0;font-size: 16px;right: 60px;}
    .nav            {position: absolute;left: 0;top: 5px;width: 100%;height: 40px;}
    .nav-btn        {display: block;}
    .nav .level     {display: none;position: absolute;top: 40px;left: 0;width: 100%;background-color: rgba(0,0,0,0.8);}
    .nav ul li      {width: 100%;padding: 10px 0;}
    .nav ul li a    {line-height: 40px;text-align: right;font-size: 16px;transform: translateX(10px);transition: all 0.3s linear;opacity: 0;padding: 0 10px;}
    .nav-open ul li a{opacity: 1;visibility: visible;transform: translateX(0);}
    .nav-open ul li:nth-child(1) a  {transition-delay: 0s;}
    .nav-open ul li:nth-child(2) a  {transition-delay: 0.333333s;}
    .nav-open ul li:nth-child(3) a  {transition-delay: 0.666667s;}
    .nav-open ul li:nth-child(4) a  {transition-delay: 1s;}
    .nav-open ul li:nth-child(5) a  {transition-delay: 1.33333s;}
    .nav-open ul li:nth-child(6) a  {transition-delay: 1.66667s;}
    .nav ul li a:after              {right: 0;left: auto;}
	.tel {top: 5px;}
} 


@media screen and (max-width: 768px) {
	.pop-seek .inner{width: 95%;padding: 15px 20px;}
	.pop-seek .tel p{width: auto;float: none;}
	.pop-seek h4{font-size: 18px;margin-bottom: 10px;}
	.pop-seek .tel .p2{text-align: left;}
	.pop-seek .tel{font-size: 16px;margin-bottom: 10px;}
	.pop-seek .tel span{font-size: 26px;color: #fff !important;}
	.pop-seek .inp input{height: 35px;font-size: 14px;}
	.pop-seek .inp button{width: 90px;font-size: 14px;}
	.pop-seek .btn{height: 35px;line-height: 35px;font-size: 14px;}
	.pop-seek .wx span{font-size: 14px;}
	.pop-seek .qr{font-size: 12px;}
	.pop-seek .close{right: 10px;top: 10px;
		-o-background-size: 20px auto;
		-ms-background-size: 20px auto;
		-moz-background-size: 20px auto;
		-webkit-background-size: 20px auto;
		background-size: 20px auto;
	}
	/*.pop-seek .wx{padding-top: 10px;}*/


	.pop-seek .wx{padding-top: 0;float: none;height: 40px;width: auto;}
	.pop-seek .btn{font-size: 14px;}
	.pop-seek .bot{height: auto;padding-right: 90px;position: relative;}

	.pop-seek .qr1{margin-right: 10px;}
	.pop-seek .wx span{margin-right: 2px;}
	.pop-seek .wx span {
	    padding-left: 25px;
	    -o-background-size: 16px auto;
	    -ms-background-size: 16px auto;
	    -moz-background-size: 16px auto;
	    -webkit-background-size: 16px auto;
	    background-size: 16px auto;
	}
	.pop-seek .btn{width: 90px;position: absolute;right: 0;top: 0;height: 40px;line-height: 40px;}
	.pop-seek .btn i{width: 16px;height: 16px;margin-right: 5px;
		-o-background-size: 16px auto;
		-ms-background-size: 16px auto;
		-moz-background-size: 16px auto;
		-webkit-background-size: 16px auto;
		background-size: 16px auto;
	}
	.pop-seek .tips{margin-bottom: 10px;}
}